<template>
    <h1>登录页</h1>
    <div>
        账号：<input type="text" v-model="account" placeholder="请输入你的账号">
    </div>
    <div>
        密码：<input type="password" v-model="password" placeholder="请输入你的密码">
    </div>
    <div>
        <button @click="submit">登录</button>
    </div>
    {{ account }}
    {{ password }}

</template>

<script setup>
import { ref } from "vue";
import { useStore } from "vuex";
import { useRouter } from "vue-router";

const store = useStore()
const router = useRouter()

const account = ref('admin')
const password = ref('123456')

const submit = () =>{
    if (account.value === 'admin' && password.value==='123456') {
        alert("登录成功")

        store.commit("updateUserInfo",{
            name:'菜虚鲲',
            gender:'男',
            phone:'10086'
        })
        router.push({
            path:'/user'
        })
    } else{
        alert("账号或密码错误，请重新输入")
    }
}

</script>